Step Three

Now all the graphical elements are in place we can build the page.

Looking at the source (in this example control.html) you will see the applet tag followed by a number of parameters.

begin by setting up the applet and its general attributes

applet code=ControlPanel archive=all.jar name=cp width=171 height=299
param name=hyperceive value="hyp"
param name=backgroundcolour value="0,0,0"
param name=backgroundimage value="cp_images/back.gif"

end of setup

next setup the control buttons

P L A Y

param name=playimageoff value="cp_images/play_off.gif"
param name=playimageon value="cp_images/play_on.gif"
param name=playx value=119
param name=playy value=94
param name=playsound value="resources/click.au"

S T O P

param name=stopimageoff value="cp_images/stop_off.gif"
param name=stopimageon value="cp_images/stop_on.gif"
param name=stopx value=58
param name=stopy value=94
param name=stopsound value="resources/click.au"

P A U S E

param name=pauseimageoff value="cp_images/pause_off.gif"
param name=pauseimageon value="cp_images/pause_on.gif"
param name=pausex value=38
param name=pausey value=154
param name=pausesound value="resources/click.au"

R E W I N D

param name=backimageoff value="cp_images/rewind_off.gif"
param name=backimageon value="cp_images/rewind_on.gif"
param name=backx value=73
param name=backy value=189
param name=backwait value=100
param name=backsound value="resources/click.au"

F O R W A R D

param name=forwardimageoff value="cp_images/forward_off.gif"
param name=forwardimageon value="cp_images/forward_on.gif"
param name=forwardx value=106
param name=forwardy value=189
param name=forwardwait value=100
param name=forwardsound value="resources/click.au"

M U S I C

param name=musicimageoff value="cp_images/music_off.gif"
param name=musicimageon value="cp_images/music_on.gif"
param name=musicx value=139
param name=musicy value=154
param name=musicsound value="resources/click.au"

Select the tracks (audio files) to turn on/off (NB can be any or all)

param name=music0 value=0
param name=music1 value=1
param name=music2 value=2
param name=music3 value=3
param name=music4 value=4
param name=music5 value=5
param name=music6 value=6
param name=music7 value=7
param name=music8 value=8
param name=music9 value=9
param name=music10 value=10
param name=music11 value=11
param name=music12 value=12
param name=music13 value=13
param name=music14 value=14
param name=music15 value=15

Position the screen image

param name=phrasex value=92
param name=phrasey value=142
param name=phraseimage value="cp_images/screen.gif"

Set the font, colour and size



param name=phrasefont value="Helvetica"
param name=phrasecolour value="255,255,255"
param name=phrasefontsize value=16

Select the beat value at which the text changes and the text to write on the screen

param name=phrase0beat value=0
param name=phrase0name value="00"
param name=phrase1beat value=16
param name=phrase1name value="01"
param name=phrase2beat value=56
param name=phrase2name value="02"
param name=phrase3beat value=88
param name=phrase3name value="03"
param name=phrase4beat value=120
param name=phrase4name value="04"
param name=phrase5beat value=140
param name=phrase5name value="05"
param name=phrase6beat value=156
param name=phrase6name value="06"
param name=phrase7beat value=172
param name=phrase7name value="07"
param name=phrase8beat value=188
param name=phrase8name value="08"
param name=phrase8beat value=220
param name=phrase8name value="09"
param name=phrase8beat value=252
param name=phrase8name value="10"

/applet

Setup the .hyp sequence parameters

applet code=HyperceivePro name=hyp archive=all.jar width=2 height=2
param name=colour value="0,0,0"
param name=audiobase value="resources"
param name=songfile value="song.hyp"

/applet